<!-- 实体门店入驻 协议 -->
<template>
	<view>
		<!-- 步骤条 -->
		<view class="step">
			<uni-steps :options="option" :active="2" active-color="#00C6C2"></uni-steps> 
		</view>
		<!-- 入驻平台协议 -->
		<view class="cooperation">
			<view class="cooperation_text">入驻平台协议</view>
			<view class="cooperation_text2">请认证阅读本平台入驻协议</view>
			
				<scroll-view scroll-y="true" class="cooperation_cont">
					<view >
						<view style="height: 1500rpx; width: 100%;">实体门店入驻协议</view>
					</view>
				</scroll-view>
			<!-- //我已阅读并同意《**入驻申请说明》 -->
			<view class="agree">
				<view class="agree_text1"  @click="agree">
					<text class="icon iconfont" v-if="show">&#xe7aa;</text>
				</view>
				<view :class="{agree_text2:true,active:show1}">我已阅读并同意《**入驻申请说明》</view>
			</view>
			
		</view>
		<view class="veri-2" >
			<view class="back" @click="backs">上一步</view>
			<view @click="gotos">下一步</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
					option:[{title:'身份认证'},{title:'职业认证'},{title:'合作协议'},{title:'结算信息'}],
					show:false,
					show1:false
			}
		},
		methods:{
			//同意阅读
			agree(){
				this.show = !this.show
				this.show1=false
			},
			//上一步
			backs(){
				uni.navigateBack({
				    delta: 1
				});
			},
			//下一步
			gotos(){
				if(this.show === false){
					this.show1=true
					return
					
				}
				console.log('xxx')
				// uni.navigateTo({
				// 	url:'./settlement'
				// })
			}
		}
	}
</script>
<style>
	page{
		background-color: #F3F3F3;
	}
</style>
<style scoped lang="less">
	//步骤
	.step{
		padding: 47rpx 25rpx;
		background-color: white;
		margin-bottom: 14rpx;
	}
	// 入驻平台协议
	.cooperation{
		background: white;
		padding: 27rpx 26rpx;
		margin-top: 14rpx;
		.cooperation_text{
			
			font-size: 32rpx;
			font-family: PingFang;
			font-weight: bold;
			color: #282828;
		}
		.cooperation_text2{		
			margin-top: 24rpx;
			font-size: 24rpx;
			font-family: PingFang;
			font-weight: 500;
			color: #979797;
			margin-bottom: 32rpx;
		}
		.cooperation_cont{
			width: 100%;
			height: 633rpx;				
			border: 1rpx solid #979797;
			border-radius: 4rpx;
			// overflow: hidden;
		}
	}
	//同意
	.agree{
		display: flex;
		align-items: center;
		margin-top: 10rpx;
		.agree_text1{
			width: 24rpx;
			height: 24rpx;
			border: 2rpx solid #414141;
			border-radius: 4px;
			margin-right: 5rpx;
			text-align: center;
			line-height: 9rpx;
			.iconfont{
				font-size: 20rpx;
				color: #000000;
				font-weight: bold;
			}
		}
		.agree_text2{
			
			font-size: 24rpx;
			font-family: PingFang;
			font-weight: 500;
			color: #414141;
		}
		.active{
			color: red!important;
		}
	}
	//上一步，下一步
	.veri-2{
		margin-top: 124rpx;
		margin-bottom: 30rpx;
		padding: 30rpx;
		background-color: #F1F1F1;
		display: flex;
		.back{
			background: #F3F3F3;
			font-size: 36rpx;
			font-family: PingFang;
			font-weight: bold;
			color: #414141;
			border: 1rpx solid #414141;
			border-radius: 4rpx 0px 0rpx 4px;
		}
		view{
			width: 100%;
			background-color:#00c6c2;
			line-height: 80rpx;
			text-align: center;
			color: #FFFFFF;
		}
	}
</style>
